<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>表单input</title>
</head>
<body>
    <h1 align="center">注册页面</h1>
    <hr color="#336699"/>
    <form action=" " method="">
      <!--post,get的区别：
      GET:使用URL传递数据，
      对所发送的信息也有限制
      一般用于信息获取
      get会把要发送的数据附加在url后面

      POST：表单数据作为HTTP请求体的一部分
      对所发送信息的数量无限制
      一般用于修改服务器上的资源
      -->
      <table width = "600" bgcolor="red" align="center">
        <tr>
          <td>姓名：</td>
          <td><input type="text" maxlength="6" placeholder="请输入姓名"></td>
        </tr>
        <tr>
          <td>邮箱：</td>
          <td><input type="email" value="@163.com"></td>
        </tr>
        <tr>
          <td>上传图片</td>
          <td><input type="file"></td>
        </tr>
        <tr>
          <td>性别</td>
          <td>男<input type="radio" name="sex" value="man">
            女<input type="radio" name="sex" value="woman">
            保密<input type="radio" name="sex" value="bm" checked>
          </td>
        </tr>
        <tr>
          <td>爱好：</td>
          <td>读书<input type="checkbox" name="dx1" value="read" checked>
            跳舞<input type="checkbox" name = 'dx2' value="dance">
            唱歌<input type="checkbox" name='dx3' value="sing">
          </td>
        </tr>
        <tr>
          <td>爱好：</td>
          <td>
              <select>
                <option value="">北京</option>
                <option value="">天津</option>
                <option value="">说的话</option>
                <option value="">普宁</option>
              </select>
          </td>
        </tr>
        <tr>
          <td><input type="button" value="点击我"></td>
          <td><input type="submit" ></td>
          <td><input type="reset" ></td>
        </tr>
      </table>
    </form>
</body>
</html>